//引入 useRoutes Hook，实现路由管理。
import { useRoutes } from 'react-router-dom';
//获取所有路由
import routes from '~react-pages';




const App = () => {
    return (
        <>
            {/**
                1.路由配置：我们在 routes 数组中定义了路由配置。每个配置项包含 path（路径）和 element（要渲染的组件）。
                2.useRoutes：将 routes 配置传递给 useRoutes Hook，返回的 element 代表匹配当前 URL 路径的组件。
                3.返回的组件：useRoutes 会自动渲染与当前路径匹配的组件。例如，如果用户访问 /about，那么会渲染 <About /> 组件。 
            */}
            {useRoutes(routes)}
        </>
    )
}

export default App;
